<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>凤嘉昶客栈</title>
  <meta name="description" content="company is a real-estate template">
  <meta name="author" content="Kimarotec">
  <meta name="keyword" content="html5, css, bootstrap, property, real-estate theme , bootstrap template">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800' rel='stylesheet' type='text/css'>

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">

  <link rel="stylesheet" href="./HotelUser/assets/css/normalize.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/font-awesome.min.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/fontello.css">
  <link href="./HotelUser/assets/fonts/icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet">
  <link href="./HotelUser/assets/fonts/icon-7-stroke/css/helper.css" rel="stylesheet">
  <link href="./HotelUser/assets/css/animate.css" rel="stylesheet" media="screen">
  <link rel="stylesheet" href="./HotelUser/assets/css/bootstrap-select.min.css"> 
  <link rel="stylesheet" href="./HotelUser/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/icheck.min_all.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/price-range.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/owl.carousel.css">  
  <link rel="stylesheet" href="./HotelUser/assets/css/owl.theme.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/owl.transitions.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/lightslider.min.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/style.css">
  <link rel="stylesheet" href="./HotelUser/assets/css/responsive.css">
</head>
    <body>

        <div id="preloader">
            <div id="status">&nbsp;</div>
        </div>
        <!-- Body content -->

        <div class="header-connect">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 col-sm-8  col-xs-12">
                        <div class="header-half header-call">
                            <p>
                                <span><i class="pe-7s-call"></i> +1 234 567 7890</span>
                                <span><i class="pe-7s-mail"></i> your@company.com</span>
                            </p>
                        </div>
                    </div>
                    <div class="col-md-2 col-md-offset-5  col-sm-3 col-sm-offset-1  col-xs-12">
                        <div class="header-half header-social">
                            <!-- <ul class="list-inline">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-vine"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>              
        <!--End top header -->
        <nav class="navbar navbar-default ">
          <div class="container">
              <!-- Brand and toggle get grouped for better mobile display -->
              <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="index.html"><img src="./HotelUser/assets/img/logo.png" alt=""></a>
              </div>
      
              <!-- Collect the nav links, forms, and other content for toggling -->
              <div class="collapse navbar-collapse yamm" id="navigation">
                  <div class="button navbar-right">
                      <!-- <button class="navbar-btn nav-button wow bounceInRight login" onclick=" window.open('register.html')" data-wow-delay="0.4s">Login</button>
                      <button class="navbar-btn nav-button wow fadeInRight" onclick=" window.open('submit-property.html')" data-wow-delay="0.5s">Submit</button> -->
                  </div>
                  <ul class="main-nav nav navbar-nav navbar-right">
                    <li class="dropdown ymm-sw" data-wow-delay="0.1s">
                      <a
                        href="./HotelUser-message&ordes.html"
                        class="dropdown-toggle"
        
                        >个人中心<b class="caret"></b
                      ></a>
                    </li>
        
                    <li class="wow fadeInDown" data-wow-delay="0.1s">
                      <a class="dropdown-toggle active" href="./HotelUser-hotel.html"
                        >预订酒店</a
                      >
                    </li>
                    <li class="wow fadeInDown" data-wow-delay="0.1s">
                      <a class="dropdown-toggle " href="./HotelUser-shop.html"
                        >精品商城</a
                      >
                    </li>
                    <li class="dropdown yamm-fw" data-wow-delay="0.1s">
                      <a
                        href="./HotelAdmin-food.html"
                        class="dropdown-toggle"
        
                        >点餐堂食</a
                      >
                    </li>
        
                    <!-- <li class="wow fadeInDown" data-wow-delay="0.4s">
                      <a href="contact.html">尊享服务</a>
                    </li> -->
                  </ul>
              </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
      </nav>
        <!-- End of nav bar -->

        <div class="page-head"> 
            <div class="container">
                <div class="row">
                    <div class="page-head-content">
                        <h1 class="page-title">凤嘉昶客栈</h1>               
                    </div>
                </div>
            </div>
        </div>
        <!-- End page header -->

        <!-- property area -->
        <div class="content-area single-property" style="background-color: #FCFCFC;">&nbsp;
            <div class="container">   

                <div class="clearfix padding-top-40" >

                    <div class="col-md-8 single-property-content prp-style-1 ">
                        <div class="row">
                            <div class="light-slide-item">            
                                <div class="clearfix">
                                    <div class="favorite-and-print">
                                        <a class="add-to-fav" href="#login-modal" data-toggle="modal">
                                            <i class="fa fa-star-o"></i>
                                        </a>
                                        <a class="printer-icon " href="javascript:window.print()">
                                            <i class="fa fa-print"></i> 
                                        </a>
                                    </div> 

                                    <ul id="image-gallery" class="gallery list-unstyled cS-hidden">
                                        <li data-thumb="./HotelUser/assets/img/property-1/property1.jpg"> 
                                            <img src="./HotelUser/assets/img/property-1/property1.jpg" />
                                        </li>
                                        <li data-thumb="./HotelUser/assets/img/property-1/property2.jpg"> 
                                            <img src="./HotelUser/assets/img/property-1/property3.jpg" />
                                        </li>
                                        <li data-thumb="./HotelUser/assets/img/property-1/property3.jpg"> 
                                            <img src="./HotelUser/assets/img/property-1/property3.jpg" />
                                        </li>
                                        <li data-thumb="./HotelUser/assets/img/property-1/property4.jpg"> 
                                            <img src="./HotelUser/assets/img/property-1/property4.jpg" />
                                        </li>                                         
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="single-property-wrapper">
                            <div id="message">
               
                            </div>
                            <!-- End description area  -->

                            <div class="section additional-details" >

                                <h4 class="s-property-title">更多详情</h4>

                                <ul class="additional-details-list clearfix">
                                    <li>
                                        <span class="col-xs-6 col-sm-4 col-md-4 add-d-title">是否含早</span>
                                        <span class="col-xs-6 col-sm-8 col-md-8 add-d-entry">是</span>
                                    </li>

                                    <li>
                                        <span class="col-xs-6 col-sm-4 col-md-4 add-d-title">是否含窗</span>
                                        <span class="col-xs-6 col-sm-8 col-md-8 add-d-entry">是</span>
                                    </li>
                                    <li>
                                        <span class="col-xs-6 col-sm-4 col-md-4 add-d-title">是否含停车位</span>
                                        <span class="col-xs-6 col-sm-8 col-md-8 add-d-entry">是</span>
                                    </li>

                                    <li>
                                        <span class="col-xs-6 col-sm-4 col-md-4 add-d-title">是否有WiFi</span>
                                        <span class="col-xs-6 col-sm-8 col-md-8 add-d-entry">是</span>
                                    </li>

                                    <!-- <li>
                                        <span class="col-xs-6 col-sm-4 col-md-4 add-d-title">View</span>
                                        <span class="col-xs-6 col-sm-8 col-md-8 add-d-entry">Intracoastal View,Direct ew</span>
                                    </li>

                                    <li>
                                        <span class="col-xs-6 col-sm-4 col-md-4 add-d-title">Waterfront Description:</span>
                                        <span class="col-xs-6 col-sm-8 col-md-8 add-d-entry">Intracoastal Front,Ocean Access</span>
                                    </li>  -->

                                </ul>
                            </div>  
                            <!-- End additional-details area  -->

                           
                            <!-- End features area  -->

                           
                            <!-- End video area  -->
                            
                            

                          
                            <!-- End video area  -->
                            
                        </div>
                    </div>


                    <div class="col-md-4 p0">
                        <aside class="sidebar sidebar-property blog-asside-right">
                            <div class="dealer-widget">
                                <div class="dealer-content">
                                    <div class="inner-wrapper">

                                        <div class="clear">
                                            <div class="col-xs-4 col-sm-4 dealer-face">
                                                <a href="">
                                                    <img src="./HotelUser/assets/img/client-face1.png" class="img-circle">
                                                </a>
                                            </div>
                                            <div class="col-xs-8 col-sm-8 ">
                                                <h3 class="dealer-name">
                                                    <a href="">李佳昌</a>
                                                    <span>大堂经理</span>        
                                                </h3>
                                              

                                            </div>
                                        </div>

                                        <div class="clear">
                                            <ul class="dealer-contacts">                                       
                                                <li><i class="pe-7s-map-marker strong"> </i> 9089 your adress her</li>
                                                <li><i class="pe-7s-mail strong"> </i> email@yourcompany.com</li>
                                                <li><i class="pe-7s-call strong"> </i> +1 908 967 5906</li>
                                            </ul>
                                            <p>Duis mollis  blandit tempus porttitor curabiturDuis mollis  blandit tempus porttitor curabitur , est non…</p>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-default sidebar-menu similar-property-wdg wow fadeInRight animated">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Similar Properties</h3>
                                </div>
                                <div class="panel-body recent-property-widget">
                                        <ul>
                                        <li>
                                            <div class="col-md-3 col-sm-3 col-xs-3 blg-thumb p0">
                                                <a href="single.html"><img src="./HotelUser/assets/img/demo/small-property-2.jpg"></a>
                                                <span class="property-seeker">
                                                    <b class="b-1">A</b>
                                                    <b class="b-2">S</b>
                                                </span>
                                            </div>
                                            <div class="col-md-8 col-sm-8 col-xs-8 blg-entry">
                                                <h6> <a href="single.html">Super nice villa </a></h6>
                                                <span class="property-price">3000000$</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="col-md-3 col-sm-3  col-xs-3 blg-thumb p0">
                                                <a href="single.html"><img src="./HotelUser/assets/img/demo/small-property-1.jpg"></a>
                                                <span class="property-seeker">
                                                    <b class="b-1">A</b>
                                                    <b class="b-2">S</b>
                                                </span>
                                            </div>
                                            <div class="col-md-8 col-sm-8 col-xs-8 blg-entry">
                                                <h6> <a href="single.html">Super nice villa </a></h6>
                                                <span class="property-price">3000000$</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="col-md-3 col-sm-3 col-xs-3 blg-thumb p0">
                                                <a href="single.html"><img src="./HotelUser/assets/img/demo/small-property-3.jpg"></a>
                                                <span class="property-seeker">
                                                    <b class="b-1">A</b>
                                                    <b class="b-2">S</b>
                                                </span>
                                            </div>
                                            <div class="col-md-8 col-sm-8 col-xs-8 blg-entry">
                                                <h6> <a href="single.html">Super nice villa </a></h6>
                                                <span class="property-price">3000000$</span>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="col-md-3 col-sm-3 col-xs-3 blg-thumb p0">
                                                <a href="single.html"><img src="./HotelUser/assets/img/demo/small-property-2.jpg"></a>
                                                <span class="property-seeker">
                                                    <b class="b-1">A</b>
                                                    <b class="b-2">S</b>
                                                </span>
                                            </div>
                                            <div class="col-md-8 col-sm-8 col-xs-8 blg-entry">
                                                <h6> <a href="single.html">Super nice villa </a></h6>
                                                <span class="property-price">3000000$</span>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>                          

                           
                         

                        </aside>
                    </div>
                </div>

            </div>
        </div>


          <!-- Footer area-->
       
          
        
        
        <script src="./HotelUser/assets/js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="./HotelUser/assets/js/jquery-1.10.2.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="./HotelUser/assets/js/bootstrap-select.min.js"></script>
        <script src="./HotelUser/assets/js/bootstrap-hover-dropdown.js"></script>
        <script src="./HotelUser/assets/js/easypiechart.min.js"></script>
        <script src="./HotelUser/assets/js/jquery.easypiechart.min.js"></script>
        <script src="./HotelUser/assets/js/owl.carousel.min.js"></script>
        <script src="./HotelUser/assets/js/wow.js"></script>
        <script src="./HotelUser/assets/js/icheck.min.js"></script>
        <script src="./HotelUser/assets/js/price-range.js"></script>
        <script type="text/javascript" src="./HotelUser/assets/js/lightslider.min.js"></script>
        <script src="./HotelUser/assets/js/main.js"></script>
        <script src="./layuiadmin/layui/layui.js"></script>  
        <script>
            localStorage.clear
               var strPath = window.document.location.pathname;
                // alert(strPath)
                
                localStorage.setItem("getHttpPath",strPath)
            $(document).ready(function () {

                $('#image-gallery').lightSlider({
                    gallery: true,
                    item: 1,
                    thumbItem: 9,
                    slideMargin: 0,
                    speed: 500,
                    auto: true,
                    loop: true,
                    onSliderLoad: function () {
                        $('#image-gallery').removeClass('cS-hidden');
                    }
                });
            });
                            var id = location.search;
                    var id= decodeURI(document.URL)//获取到编码的数据并进行解码，推荐
                    //获取到的数据其实是  ?uname=zhangsan'
                    //下面是对数据进行处理
                    var did=id.slice(id.indexOf("=")+1)
                    console.log(did);
                    // console.log(data);
                    var data=JSON.parse(localStorage.getItem('hoteldetailsdata'));
                    // localStorage.removeItem('hoteldetailsdata')s
                    console.log('data=',data)
                    if(did!=null&&data.id==did){
                    //    alert(did)  

                    var h=''
                    h+="<div class='single-property-wrapper'>"+
                    "<div class='single-property-header'>"+                                          
                        "<h1 class='property-title pull-left'>每日价格(14:00-次日18:00)</h1>"+
                        "<span class='property-price pull-right'>￥"+data.dayPrice+"</span>"+
                    "</div>"+

                    "<div class='property-meta entry-meta clearfix '>"+   
                        "<div class='col-xs-6 col-sm-3 col-md-3 p-b-15'>"+
                            "<span class='property-info icon-area'>"+
                                "<img src='./HotelUser/assets/img/icon/room-orange.png'>"+
                            "</span>"+
                            "<span class='property-info-entry'>"+
                                "<span class='property-info-label'>房间面积</span>"+
                                "<span class='property-info-value'>"+data.roomArea+"<b class='property-info-unit'>m²</b></span>"+
                            "</span>"+
                        "</div>"+

                        "<div class='col-xs-6 col-sm-3 col-md-3 p-b-15'>"+
                            "<span class='property-info-icon icon-bed'>"+
                                "<img src='./HotelUser/assets/img/icon/bed-orange.png'>"+
                            "</span>"+
                            "<span class='property-info-entry'>"+
                                "<span class='property-info-label'>床位</span>"+
                                "<span class='property-info-value'>"+data.numberOfBed+"</span>"+
                            "</span>"+
                        "</div>"+

                        "<div class='col-xs-6 col-sm-3 col-md-3 p-b-15'>"+
                            "<span class='property-info-icon icon-bed'>"+
                                "<img src='./HotelUser/assets/img/icon/cars-orange.png'>"+
                            "</span>"+
                            "<span class='property-info-entry'>"+
                                "<span class='property-info-label'>停车位</span>"+
                                "<span class='property-info-value'>1</span>"+
                            "</span>"+
                        "</div>"+
                        
                        "<div class='col-xs-6 col-sm-3 col-md-3 p-b-15'>"+
                            "<span class='property-info-icon icon-garage'>"+
                                "<img src='./HotelUser/assets/img/icon/shawer-orange.png'>"+
                            "</span>"+
                            "<span class='property-info-entry'>"+
                                "<span class='property-info-label'>卫生间</span>"+
                                "<span class='property-info-value'>1</span>"+
                            "</span>"+
                        "</div>"+


                    "</div>"+
                    "<!-- .评论 -->"+
                    "<div class='button navbar-right' style='width:100%; text-align: center;'>"+
                    "<button class='navbar-btn nav-button wow bounceInRight login'  style='width:80%;'  onclick='order();' data-wow-delay='0.4s'>预定此房间</button>"+
    "<div class='layui-inline'>"+
    "<div class='layui-input-inline'>"+
      "<input type='text' class='layui-input' id='date' placeholder=' 请选择日期范围 '>"+
    "</div>"+
  "</div>"+
                "</div>"+
                    "<div class='section' style='margin-top:100px ;'>"+
                        "<h4 class='s-property-title'>Description</h4>"+
                        "<div class='s-property-content'>"+
                            "<p>"+data.describe+"</p>"+
                        "</div>"+
                    "</div>"
                    document.getElementById('message').innerHTML=h;
                    }
                    else{
                        alert("请登录")
                        window.location.href='./HotelUser-hotel.html'
                    }

        function order(){
            window.location.href='./HotelUser-hotel-pay.html'
            console.log(data)
            // alert(data)
            localStorage.setItem('paydata',JSON.stringify(data))
        }
        </script>

   
        <script>
            	function order() {
		
        
        // var index = layer.alert("124", {
        //         title: '最终的提交信息'
        //     }, function () {

        //         // 关闭弹出层
        //         layer.close(index);

        //         var iframeIndex = parent.layer.getFrameIndex(window.name);
        //         parent.layer.close(iframeIndex);

        //     });
        var date=$('#date').val()
        if(date==null||date==''){
            alert("请选择入住日期！");
        }
        else{
        alert("确定预订么？") 
        // alert(date)
        var a=date.split(" - ");
        var sdate=a[0]
        var edate=a[1]
        // alert(a[0])
        // alert(a[1])
        // var day1=a[0].split("-")
        // var dat2=a[1].split("-")
        var  startDate = Date.parse(sdate);
    var  endDate = Date.parse(edate);

    var days=(endDate  - startDate)/(1*24*60*60*1000);
        // alert(days)
        
        }
	}

  

  layui.config({
    base: './layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'laydate'], function(){
    var laydate = layui.laydate;
//     var nowdate= new Date();  
//     console.log("now:"+(nowdate.getMonth()+1))
//     M=nowdate.getMonth()
// date = nowdate.getDate()
// day = nowdate.getDay()
// console.log("date:"+date)
// console.log("day:"+day)
//     h = nowdate.getHours()
//     y=nowdate.getFullYear()
//     console.log("y:"+y)
   
    //日期范围
    var stime=   laydate.render({
      elem: '#date'
      ,range: true,
      
      min:0,//最大值为当前日期
    //   value: new Date(), //参数即为：2018-08-20 20:08:08 的时间戳 (当天日期)
//    done:function(value,dates){
//     	console.log(value); //得到日期生成的值，如：2017-08-18
// 	    console.log(dates); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}    	   
// 	    // console.log(d);
// 	    stime.config.min={
//     			year:y,
//     			month:M,
//     			date:date,
//     	};

//     }
    });
    
    
  });
  </script>

    </body>
</html>